<template>
	<view class="content width90 marginLeft5">
		
		<image class="banner" :src="poster" mode="widthFix"></image>
		
		
		<!-- <view class="title">场地投放指南</view>
		<view class="rowsBox flexBox">
			<view class="rowsList" v-for="(item,index) in data.FirstList" :key="index" @tap="inDetails(item.id)">
				<image class="cover" :src="item.cover" mode=""></image>
				<view class="name">{{item.name}}</view>
			</view>
		</view>
		<view class="title">地区运营指南</view>
		<view class="rowsBox flexBox">
			<view class="rowsList" v-for="(item,index) in data.SecondList" :key="index" @tap="inDetails(item.id)">
				<image class="cover" :src="item.cover" mode=""></image>
				<view class="name">{{item.name}}</view>
			</view>
		</view>
		<view class="title">线上开店指南</view>
		<view class="rowsBox flexBox">
			<view class="rowsList" v-for="(item,index) in data.ThirdList" :key="index" @tap="inDetails(item.id)">
				<image class="cover" :src="item.cover" mode=""></image>
				<view class="name">{{item.name}}</view>
			</view>
		</view> -->
		
		<view class="bigBox" v-for="(item,index) in data" :key="index">
			<view class="title">{{item.title}}</view>
			<view class="rowsBox flexBox">
				<view class="rowsList" v-for="(items,indexs) in item.news" :key="indexs" @tap="inDetails(items.id)">
					<image class="cover" :src="items.ar_pic" mode=""></image>
					<view class="name">{{items.ar_title}}</view>
				</view>
			</view>
		</view>
		

		
		<view class="btnBox flexBox">
			<view class="btnSure" 			@tap="sureBtn(1)">会员登录</view>
			<view class="btnSure bg_blue"   @tap="sureBtn(2)">新人注册</view>
		</view>
		
		
	</view>
</template>
<style>
	.content{width: 90%;padding-top: 20upx;}
	.content .title{font-size: 36upx;color:#262626;font-weight: bold;margin:20upx 0;margin-top: 40upx;}
	.content .banner{width: 100%;}
	.content .rowsBox{width: 100%;justify-content: space-between;flex-wrap: wrap;}
	.content .rowsBox .rowsList{width: 47%;}
	.content .rowsBox .rowsList .cover{width: 100%;height: 188upx;border-radius: 10upx;}
	.content .rowsBox .rowsList .name{color:#262626;margin:10upx 0 40upx 0}
	.content .btnBox{width: 100%;justify-content: space-between;}
	.content .btnSure{width: 47%;margin-top: 40upx;background: #DC582A;font-weight: bold;font-size: 32upx;color:white;border-radius: 10upx;text-align: center;padding:15upx}
	.content .bg_blue{background: #283266;}
</style>
<script>
	import Share from '@/common/wx_share.js'
	export default {
		data() {
			return {
				share:{
					title:"",
					path:'/pages/other/college/college',
					imageUrl:'',
					desc:'',
					content:''
				},
				poster:"",
				data:[
					{
						id:"",
						title:"",
						news:[]
					}
				],
				
				
				
				
				
				
				
			}
		},
		onLoad(){
			this.AjaxLoad()
		},
		methods: {
			AjaxLoad(){
				var data = []
				let param={
					token:this._$userToken("userInfo").token,
				};
				this._$InitRequest.request("join_message/xueyuan", param).then(res => {
					this.poster = res.data.ad
					res.data.cate.forEach( (item) =>{
						data.push({
							id:item.id,
							title:item.cate_name,
							news:item.news
						})
					})
					for (var i = 0; i < data.length; i++){this.data.push( data[i] )}
				},error=>{})
			},
			sureBtn(e){
				uni.showToast({icon:"none",title:"正在开发中..."})
				return;
				if( e == 1 ){
					
				}else if( e == 2 ){
					
				}
			},
			inDetails(id){
				uni.navigateTo({
					url:"/pages/other/collegeDetails/collegeDetails?id=" + id
				})
			},
			
			
		}
	}
</script>
<style lang="scss" scoped>
/deep/ .uni-input-input {font-size:32upx}
/deep/ .uni-radio-input-checked{background-color:rgb(110,43,34) !important;border:2upx solid white !important}
.content .html{
  ::v-deep {
    img {
      width: 100%;
    }
  }
}
</style>